//背景颜色
$color-bg: #292C35;
//深一点的背景颜色
$color-dark-bg: #21252B;
//文字颜色
$color-font: #A6ADBE;
//边框颜色
$color-border: #181A1F;

//菜单
$color-menu-bg: #343B46;
$color-menu-bg-hover:#2C313A;
//菜单分割线
$color-menu-separator:#787778;
$color-menu-shadow-bg: #00000050;

$themes: (
        default: (
          //背景颜色
                color-bg: #292C35,
          //深一点的背景颜色
                color-dark-bg: #21252B,
          //文字颜色
                color-font: #A6ADBE,
          //边框颜色
                color-border: #181A1F,
        ),
        light: (
          //背景颜色
                color-bg: #fff,
          //深一点的背景颜色
                color-dark-bg: #21252B,
          //文字颜色
                color-font: #A6ADBE,
          //边框颜色
                color-border: #181A1F
        ),
);

@mixin themeify {
  @each $theme-name, $map in $themes {
    .theme-#{$theme-name} & {
      // 循环合并键值对
      $color-bg: map-get($map, 'color-bg') !global;
      $color-dark-bg: map-get($map, 'color-dark-bg') !global;
      $color-font: map-get($map, 'color-font') !global;
      $color-border: map-get($map, 'color-border') !global;
    }
  }
}
